<template>
  <div class="detailsInfo" v-if="Object.keys(detailInfo).length>0">
    <div class="title">{{detailInfo.desc}}</div>
    <div v-for="(item,index) in detailInfo.detailImage" :key="index">
      <div class="dec" >{{item.key}}</div>
      <img :src="items" alt="" v-for="(items,indexs) in item.list" :key="indexs" >
    </div>
    
  </div>
</template>
<script>
export default {
  props:{
    detailInfo:{
      type:Object,
      default:{}
    }
  },
  methods:{
    
  }
}
</script>
<style scoped>
.detailsInfo{
  width:100%;
}
.detailsInfo .title{
  padding:10px;
  position: relative;
  font-size: 13px;
  color: #444;
  line-height: 22px;
  margin-top: 15px;
}
.detailsInfo .title::before{
  content:'';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 10px;
  width: 80px;
  border-bottom: 1px solid #999;
}
.detailsInfo .title::after{
  content:'';
  display: inline-block;
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 100px;
  border-bottom: 1px solid #999;
}
.detailsInfo .dec{
  padding: 10px;
  font-size: 14px;
}
.detailsInfo img{
  width:100%;
} 
</style>